/* pages/mine/mine.wxss */
@import "../../common/scss/base.scss";
page{
  background-color: $theme-color;
  .mine-userinfor{
    background: linear-gradient(139deg,rgb(0,0,0) 0%,rgb(64,62,56) 100%);
    height: 518rpx;
    .user-top{
      text-align: center;
      padding-top: 50rpx;
      font-size: 0;
      .photo{
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
        margin-bottom: 38rpx;
      }
      .user-name{
        font-size:36rpx;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color: #FFFFFF;
        line-height:56rpx;
      }
      .user-id{
        font-size:24rpx;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(136,136,136,1);
        line-height:36rpx;
      }
    }
    .user-get-money{
      margin-top:70rpx;
      display:flex;
      letter-spacing: 1rpx;
      justify-content: space-between;
      text-align: center;
      .get-money{
        width: 254rpx;
      }
      .user-toast{
        font-size:20rpx;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:#E0BF74;
        line-height:28rpx;
      }
      .user-has{
        font-family:PingFangSC-Medium;
        font-weight:500;
        color: #E0BF74;
        line-height:60rpx;
        margin-bottom: 18rpx;
        view{
          display: inline-block!important;
          &:first-child{
            font-size: 24rpx;
          }
          &:last-child{
            font-size:44rpx;
          }
        }
      }
      .user-type{
        font-size:22rpx;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(136,136,136,1);
        line-height:34rpx;
      }
      .user-money-center{
        margin: 0 14rpx;
        width:238rpx;
      }
      .line-split{
        width:2rpx;
        height:40rpx;
        background:#656565;
        border-radius:3rpx;
        margin:42rpx 0;
      }
    }
  }
  .user-my-order{
    margin-top: 20rpx;
    background-color: #ffffff;
    padding: 0 40rpx;
    .user-order-top{
      font-family:PingFangSC-Regular;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:20rpx 0;
      border-bottom:2rpx solid rgb(245,245,245);
      .user-order{
        font-size:32rpx;
        font-weight:400;
        color:rgb(0,0,0);
        line-height:48rpx;
      }
      .all-order{
        font-size:24rpx;
        font-weight:400;
        color:rgb(136,136,136);
        display: flex;
        align-items: center;
        .van-icon-arrow {
          font-size: 26rpx;
          color: #C7C7CC;
          font-weight: 900;
          margin-left:16rpx;
        }
      }
    }
    .user-order-state{
      display:flex;
      flex-wrap:wrap;
      padding-top:24rpx;
      image{
        width: 80rpx;
        height: 80rpx;
      }
      button{
        background-color:#ffffff;
        border:none;
        display:block;
        padding:0;
        margin:0;
        line-height: 18rpx;
      }
      button::after{
        border: none;
      }
      .order-state-img{
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(53,53,53,1);
        font-size:0;
        text-align: center;
        width: 167rpx;
        margin-bottom: 40rpx;
        position: relative;
        view{
          font-size:24rpx;
        }
        .spot{
          display:inline-block;
          background-color: #FF2641;
          color:#ffffff;
          border-radius:50%;
          width:30rpx;
          height:30rpx;
          font-size:18rpx!important;
          text-align:center;
          line-height:30rpx;
          position: absolute;
          top:1rpx;
          right:45rpx;
        }
      }
    }
    .user-order-model{
      display:flex;
      flex-wrap:wrap;
      padding-top:24rpx;
      image{
        width: 80rpx;
        height: 80rpx;
      }
      button{
        background-color:#ffffff;
        border:none;
        display:block;
        padding:0;
        margin:0;
        line-height: 18rpx;
        border-radius:0;
      }
      button::after{
        border: none;
      }
      .model-name{
        font-size: 20rpx;
        color: #BDBDBD;
      }
      .bottom{
        border-bottom: 2rpx solid #F7F7F7;
      }
      .order-state-img{
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(53,53,53,1);
        font-size:0;
        text-align: center;
        width: 167rpx;
        margin-bottom: 40rpx;
        position: relative;
        padding-bottom: 18rpx;
        .tip-img{
          width:60rpx;
          height:28rpx;
          position:absolute;
          top:6rpx;
          right:10rpx;
        }
        view{
          font-size:24rpx;
        }
        .spot{
          display:inline-block;
          background-color: #FF2641;
          color:#ffffff;
          border-radius:50%;
          width:30rpx;
          height:30rpx;
          font-size:18rpx!important;
          text-align:center;
          line-height:30rpx;
          position: absolute;
          top:1rpx;
          right:45rpx;
        }
      }
    }
  }
}
